Techonology sales by year
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.key.js"></script>
<script src="RGraph.line.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var line = new RGraph.Line({
id: 'cvs',
data: [
[0,1.4,2.1,2.8,3.5,3.5,4.8],
[7, 8.2, 8.5, 9.1, 9.2, 9.2, 9.5],
[0.9,1.1,0.8,0.5,0.6,0.8,1],
[4,6,18,35,36,43,48],
[0,2,5,8,6,9,15]
],
options: {
labels: ['2007','2008','2009','2010','2011','2012','2013'],
filled: true,
unitsPost: 'bn',
unitsPre: '$',
gutterLeft: 50,
linewidth: 0.001,
strokestyle: 'rgba(0,0,0,0)',
colors: ['#FF4CF4','#158EFF','#7594B0','#655165','#CA86CB'],
key: ['iPads','iPhones','iPods','Computers','Other'],
keyPosition: 'gutter',
tickmarks: null,
numxticks: 6,
backgroundGridAutofitNumvlines:6,
textAccessible: true
}
}).draw();
};
</script>